<template>
  <div class="barPad" v-if="store.state.showFooter===1">
    <div>
    <div class="flex justify-center">
      <router-link to="/home">
        <img class="barImg" src="../assets/home.png">
      </router-link>
    </div>
      首页
    </div>
    <div>
      <div class="flex justify-center">
        <router-link to="/businessList">
        <img class="barImg" src="../assets/find.png">
        </router-link>
      </div>
      发现
    </div>
    <div>
      <div class="flex justify-center">
        <router-link to="/orderHistory">
          <img class="barImg" src="../assets/order.png">
        </router-link>
      </div>
      订单

    </div>
    <div>
      <div class="flex justify-center">
        <router-link to="/mine">
        <img class="barImg" src="../assets/me.png">
        </router-link>
      </div>
      我的
    </div>
  </div>
</template>


<script setup lang="ts">
import store from "../store";

</script>

<style scoped>

  .barImg{
    @apply w-6 h-6 m-1;
  }

  .barPad div {
    @apply basis-1/4 text-center;
  }

  .barPad {
    @apply flex flex-row h-16 justify-center content-center items-center
    border border-solid border-gray-300 shadow-lg
    bottom-0 sticky text-sm;
  }
</style>